@import "color";
@import "font";
@import "core/css3";
@import "core/variables";
$borderGrayE:                    #e6e6e6 !default;

#play_page {
  height: 100%;
}

.swipe {
  height: 92%;
}

.swipe-wrap {
  height: 100%;
}


/*登录页面/账户页面tag样式*/
.com-tag2 {
  //width: 100%;
  height: 8%;

  background: #fff;
  border-bottom: 1px solid $borderGrayE;
  @include display-flex();
  > a {
    display: inline-block;
    width: 25%;
    height: 100%;
    line-height: 3.3rem;

    text-align: center;
    font-size: 1.3rem;
    span {
      color: $gray6;
    }
    &.tag-on2 {
      span {
        display: inline-block;
        height: 100%;
        line-height: 3.3rem;
        color: $red;
        border-bottom: 2px solid $red;
      }
    }
  }
}

.page-container {
  height: 92%;
}

@media screen and (max-width: 375px) and (min-width: 321px) {
  html {
    font-size: 14px;
  }
}

.goods-num {
  font-size: 1rem;
}

.android-goods-radio {
  .cart-main label & {
    min-width: 2rem;
    height: 2rem;
  }
}

.pro-img,.pro-none-img {
  &.height {
    width: 100%;
    height: 20rem;
    background: white;
    img{
      height: 19.5rem;
    }
  }
}


.cart-footer-bottom {
  margin-top: 4rem;
  height: 3rem;
  display: flex;
  width: 100%;
}
.pro-video{
  width: 100%;
  height: 92%;
  background: white;
}


.pro-back {
  position: absolute;
  top:70%;
  left:50%;
  width: 5rem;
  height: 3rem;
  margin-left:-3rem;
  background: $color-grey-4;
  color: $color-grey-1;
  padding: 0.3rem 0.8rem;
  border-radius: 1rem;
  font-size: $font-size-16;
}

.goodslist-video{
  padding: 0 0 0 0;
  width: 100%;
  .goods-video{
    position:relative;
    width: 100%;
    .label1{
      padding:0.3rem;
      display:block;
      width:3rem;
      position:absolute;
      top:0;
      right:0;
      cursor:hand;
      background:#000;
      color:#fff;
      filter:alpha(opacity=56);
      -moz-opacity:0.6;
      opacity:0.6;
      border-radius: 0 0 0 1rem ;
      z-index: 100;
    }


    .label_img{
      height: 20rem;
      .label2{
        padding:0.3rem;
        display:block;
        width:5rem;
        position:absolute;
        bottom:0;
        right:0;
        cursor:hand;
        background:#000;
        color:#fff;
        filter:alpha(opacity=56);
        -moz-opacity:0.6;
        opacity:0.6;
        border-radius:1rem 0 0  0;
        z-index: 100;
      }
    }

    .label2{
      padding:0.3rem;
      display:block;
      width:5rem;
      position:absolute;
      bottom:0;
      right:0;
      cursor:hand;
      background:#000;
      color:#fff;
      filter:alpha(opacity=56);
      -moz-opacity:0.6;
      opacity:0.6;
      border-radius:1rem 0 0  0;
      z-index: 100;
    }
  }

}


.goodslist-video2{

  .goods-video{
    position:relative;

    .label1{
      padding:0.3rem;
      display:block;
      width:3rem;
      position:absolute;
      top:0;
      right:0;
      cursor:hand;
      background:#000;
      color:#fff;
      filter:alpha(opacity=56);
      -moz-opacity:0.6;
      opacity:0.6;
      border-radius: 0 0 0 1rem ;
    }
    .label2{
      padding:0.3rem;
      display:block;
      width:5rem;
      position:absolute;
      bottom:0;
      right:0;
      cursor:hand;
      background:#000;
      color:#fff;
      filter:alpha(opacity=56);
      -moz-opacity:0.6;
      opacity:0.6;
      border-radius:1rem 0 0  0;
    }
  }

}